<div class="container-fluid">
  <div class="row">
    <div
      linebar-chart
      title="'折线图'"
      data="lineData"
      xdata="xdata"
      chart-type="chartType"
      class="col-xs-8"
      style="min-height:500px;width: 700px;position: relative;"
    ></div>
    <div class="col-xs-2" style="padding-top: 80px;">
      <button class="btn btn-primary" ng-click="add()" style="margin: 10px 0;">
        添加数据
      </button>
      <button
        class="btn btn-primary"
        ng-click="clear()"
        style="margin: 10px 0;"
      >
        清空数据
      </button>
      <button
        class="btn btn-primary"
        ng-click="reset()"
        style="margin: 10px 0;"
      >
        重置数据
      </button>
      <button
        class="btn btn-primary"
        ng-click="changeToLine()"
        style="margin: 10px 0;"
      >
        切换为折线图
      </button>
      <button
        class="btn btn-primary"
        ng-click="changeToBar()"
        style="margin: 10px 0;"
      >
        切换为柱状图
      </button>
      <button
        class="btn btn-primary"
        ng-click="changeToLineBar()"
        style="margin: 10px 0;"
      >
        切换为复合图
      </button>
    </div>
  </div>
  <div class="row">
    <div
      linebar-chart
      title="'柱状图'"
      data="barData"
      xdata="xdata"
      open-toolbox="true"
      loading="false"
      chart-type="'bar'"
      class="col-xs-6"
      style="min-height:500px;max-width: 600px;position: relative;"
    ></div>
    <div class="row">
      <div
        linebar-chart
        title="title"
        data="lineBarData"
        xdata="xdata"
        loading="false"
        chart-type="'line-bar'"
        class="col-xs-6"
        style="min-height:500px;max-width: 600px;position: relative;"
      ></div>
    </div>
  </div>
</div>
